!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[TextAreaInput]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[TextAreaInput]"]=t(require("react")):e["rb_wixui.thunderbolt[TextAreaInput]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},r={};function n(e){var a=r[e];if(void 0!==a)return a.exports;var o=r[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return function(){"use strict";n.r(a),n.d(a,{components:function(){return L}});var e=n(448),t=n.n(e),r=n(5329);function o(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=o(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}var i=function(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=o(e))&&(n&&(n+=" "),n+=t);return n};const s="wixui-",l=(e,...t)=>{const r=[];return e&&r.push(`${s}${e}`),t.forEach((e=>{e&&(r.push(`${s}${e}`),r.push(e))})),r.join(" ")},u=13,c=27;function d(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}d(32),d(u),d(c);const p=["aria-id","aria-metadata","aria-type"],f=(e,t)=>Object.entries(e).reduce(((e,[r,n])=>(t.includes(r)||(e[r]=n),e)),{}),v=e=>{const{role:t,tabIndex:r,tabindex:n,screenReader:a,lang:o,ariaAttributes:i={}}=e,s=Object.entries(i).reduce(((e,[t,r])=>({...e,[`aria-${t}`.toLowerCase()]:r})),{});return{role:t,tabIndex:r??n,screenReader:a,ariaAttributes:f(s,p),lang:o}};var b={root:"text-box",label:"text-box__label",input:"text-box__input"};const x=({size:e,...t})=>r.createElement("svg",{viewBox:"0 0 20 20",fill:"currentColor",width:e||"20",height:e||"20",...t},r.createElement("path",{fillRule:"evenodd",d:"M9.5,3 C13.084,3 16,5.916 16,9.5 C16,13.084 13.084,16 9.5,16 C5.916,16 3,13.084 3,9.5 C3,5.916 5.916,3 9.5,3 Z M9.5,4 C6.467,4 4,6.467 4,9.5 C4,12.533 6.467,15 9.5,15 C12.533,15 15,12.533 15,9.5 C15,6.467 12.533,4 9.5,4 Z M10,11 L10,12 L9,12 L9,11 L10,11 Z M10,7 L10,10 L9,10 L9,7 L10,7 Z"}));x.displayName="ErrorSmall";var m=x,y="TLWrjM",h="GIPQqH",g="JNgJbf";const C=e=>{let{errorMessage:t,errorMessageType:n,shouldShowValidityIndication:a,translations:o,dataHook:i,componentViewMode:s}=e;const l="editor"===s?(null==o?void 0:o.errorMessage)||"Error text displays here.":t;return"inline"===n&&a&&l?r.createElement("div",{"data-hook":i||"inline-error-message",className:y},r.createElement(m,{className:h}),r.createElement("span",{className:g},l)):null};var M={TextAreaDefaultSkin:"snt4Te",textAreaDefaultSkin:"snt4Te",textarea:"rEindN","validation-indication":"pOExcs",validationIndication:"pOExcs",label:"PSkPrR",hasLabel:"oKe0Po","required-indication":"NyPO4H",requiredIndication:"NyPO4H",ResponsiveTextAreaDefaultSkin:"lk9PkF",responsiveTextAreaDefaultSkin:"lk9PkF"};const w=()=>{},k=(e,n)=>{var a;const{skin:o,id:s,className:u,customClassNames:c=[],value:d="",label:p,placeholder:f,readOnly:x,required:m,isDisabled:y,maxLength:h,isResponsive:g,shouldShowValidityIndication:k,isValid:E,errorMessageType:S="tooltip",validateValue:I=w,onValueChange:P=w,setValidityIndication:T=w,onBlur:A=w,onFocus:O=w,onKeyPress:L=w,onInput:_=w,onChange:j=w,onClick:V=w,onDblClick:R=w,onMouseEnter:N=w,onMouseLeave:D=w,ariaAttributes:q,componentViewMode:$,translations:F,lang:H}=e,[Z,B]=r.useState(),K=r.useRef(null),[J,U]=r.useState(!0);r.useImperativeHandle(n,(()=>({focus:()=>{var e;null==(e=K.current)||e.focus()},blur:()=>{var e;null==(e=K.current)||e.blur()},setCustomValidity:e=>{var t;"message"===e.type&&(null==(t=K.current)||t.setCustomValidity(e.message))}})));const W=()=>{J&&U(!1)},z=e=>{B(!0),P(e),I(),T(!1)};r.useEffect((()=>{z(d)}),[]);const G=!!p,Q=i(M[o],u,l(b.root,...c),{[M.hasLabel]:G,[M.requiredIndication]:m,[M.validationIndication]:!!k}),X=v({ariaAttributes:q});return r.createElement("div",t()({id:s},(e=>Object.entries(e).reduce(((e,[t,r])=>(t.includes("data-")&&(e[t]=r),e)),{}))(e),{className:Q,onClick:e=>{y||V(e)},onDoubleClick:e=>{y||R(e)},onMouseEnter:e=>{y||N(e)},onMouseLeave:e=>{y||D(e)}}),r.createElement("label",{htmlFor:"textarea_"+s,className:i(M.label,l(b.label))},p),r.createElement("textarea",t()({ref:K,id:"textarea_"+s,className:i(M.textarea,"has-custom-focus",l(b.input)),rows:g?1:void 0,value:d,onFocus:O,onKeyDown:L,onChange:e=>{W(),z(e.currentTarget.value),e.type="input",_(e)},onBlur:e=>{T(!0),W(),A(e),Z&&j({...e,type:"change"}),B(!1)},placeholder:f,readOnly:x,required:m,"aria-required":m,"aria-invalid":!E&&void 0!==E||!J&&!(null!=(Y=K.current)&&Y.validity.valid),maxLength:null===h?void 0:h,disabled:y,lang:H},X.ariaAttributes)),r.createElement(C,{errorMessageType:S,errorMessage:null==(a=K.current)?void 0:a.validationMessage,shouldShowValidityIndication:k,translations:F,componentViewMode:$}));var Y};var E=r.forwardRef(k);const S=(e,n)=>r.createElement(E,t()({isResponsive:!1,ref:n},e));const I=(e,n)=>r.createElement(E,t()({isResponsive:!0,ref:n},e));const P={TextAreaDefaultSkin:r.forwardRef(S),ResponsiveTextAreaDefaultSkin:r.forwardRef(I)},T=(e,n)=>{const{skin:a}=e,o=P[a];return r.createElement(o,t()({ref:n},e))};const A=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`));var O;const L={TextAreaInput:{component:r.forwardRef(T),controller:(O=e=>{let{mapperProps:t,controllerUtils:r}=e;return{...t,...(n=r.updateProps,{onValueChange:e=>{n({value:e})},setValidityIndication:e=>{n({shouldShowValidityIndication:e})}})};var n},{useComponentProps:(e,t,r)=>{const n=(e=>({...e,updateStyles:t=>{const r=Object.entries(t).reduce(((e,[t,r])=>{return{...e,[(n=t,n.startsWith("--")?t:A(t))]:void 0===r?null:r};var n}),{});e.updateStyles(r)}}))(r);return O({mapperProps:e,stateValues:t,controllerUtils:n})}})}}}(),a}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[TextAreaInput].9959ab59.bundle.min.js.map